<template>
  <div class="loginBox">
    <div class="login">
		<h1>发才网后台管理系统</h1>
		<div class="main">
		  <el-form ref="form" :rules="rules" class="login-form" :model="form">
			<el-form-item prop="account">
			  <el-input v-model="form.account" placeholder="请输入账号"  @keyup.enter.native="submit('form')"></el-input>
			</el-form-item>
			<el-form-item prop="password">
			  <el-input type="password" v-model="form.password" placeholder="请输入密码" @keyup.enter.native="submit('form')"></el-input>
			</el-form-item>
			<el-form-item prop="verifycode" class="verify-input">
			  <el-input v-model="form.verifycode" placeholder="请输入验证码" @keyup.enter.native="submit('form')"></el-input>
			  <!-- <img :src="src" alt="" @click="getCode"> -->
			  <!-- <input type="text" value="" placeholder="请输入验证码（不区分大小写）" class="input-val"> -->
			  <!-- <canvas id="canvas" width="100" height="43" ></canvas> -->
			  <div class="identifybox">
				<div @click="refreshCode">
				  <s-identify :identifyCode="identifyCode"></s-identify>
				</div>
			  </div>
			</el-form-item>
		  </el-form>
		  <el-button @click="submit" type="primary" round class="btn">登录</el-button>
		</div>
	</div>
	<el-dialog 
	  :visible.sync="loginShow"
	  width="30%"
	  class="evalDialog"
	  :append-to-body='true' 
	  :before-close="handleClose">
	  <h2 class="title_dia">账户登录类型选择</h2>
	   <div  class="loginDiv">
	      <el-radio-group v-model="loginType">
	        <el-radio-button label="岗位或企业录入人员登录"></el-radio-button>
	        <el-radio-button label="电话招聘人员登录"></el-radio-button>
	      </el-radio-group>
		 <div style="margin-top: 40px;">
			 <el-button type="infor" @click="handleClose">取消</el-button>
			  <el-button type="primary" @click="gotoHome">确认</el-button>
		 </div>
		  
	    </div>
		
	</el-dialog>
  </div>
</template>
<style scoped src='./login.css'></style>

<script src='./login.js'></script>